<!DOCTYPE html>

<html lang="en">
<head>
	<meta charset="utf-8">
	<title>TravelGuide</title>

	<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen" />

	<!--[if ! lte IE 6]><!-->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
	<!--<![endif]-->

	<!--[if gt IE 6]>
	<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
	<![endif]-->

	<!--[if IE 7]>
	<link rel="stylesheet" href="css/ie7.css" type="text/css" media="screen" />
	<![endif]-->

	<!--[if lte IE 6]>
	<link rel="stylesheet" href="http://universal-ie6-css.googlecode.com/files/ie6.1.1.css" media="screen, projection">
	<![endif]-->

	<link rel="stylesheet" href="css/fancybox.css" type="text/css" media="screen" />
</head>
<body>

<div id="header-top">

	<div class="container">

		<a href="#"><img src="img/icon-rss-large.png" alt="icon-rss-large" class="rss-icon" /></a>

		<p class="left">www.yourdomain.com | <a href="#">Login</a> | <a href="#">SignUp</a></p>

		<p class="right">Subscribe to <a href="#">RSS</a> | <a href="#">Email</a> | <strong>122 Subscribers</strong></p>

	</div><!-- end .container -->

</div><!-- end #header-top -->

<div id="header">

	<div class="container">

		<h1 id="logo">
			<a href="index.html">
				<img src="img/logo.png" alt="Travel Guide">
			</a>
		</h1>

		<div id="header-ads">

			<a href="http://themeforest.net/?ref=smuliii"><img src="http://envato.s3.amazonaws.com/referrer_adverts/tf_468x60_v4.gif" alt="tf_468x60_v4" /></a>

		</div><!-- end #header-ads -->

	</div><!-- end .container -->

</div><!-- end #header -->

<div id="nav">

	<div class="container">

		<ul>
			<li><a href="index.html">Home</a></li>
			<li><a href="#">Categories</a>
				<ul>
					<li><a href="#">Photography</a></li>
					<li><a href="#">Private Portfolios</a></li>
					<li><a href="#">My Travels</a></li>
					<li><a href="#">Family Travel Guide</a></li>
					<li><a href="#">Fly&amp;Drive Guides</a></li>
					<li><a href="#">Tropical Destinations</a></li>
					<li><a href="#">Mountain Destionations</a></li>
				</ul>
			</li>
			<li><a href="#">Destinations</a></li>
			<li><a href="#">Community</a></li>
			<li class="active"><a href="#">Premade Pages</a>
				<ul>
					<li><a href="single-post.html">Single Post</a></li>
					<li><a href="single-page.html">Single Page</a></li>
					<li><a href="archives.html">Archives</a></li>
					<li><a href="news.html">News</a></li>
				</ul>
			</li>
		</ul>

		<div id="search">

			<input type="text" class="input" value="" placeholder="Keyword search here...">
			<input type="submit" class="submit" value="Go">

		</div><!-- end #search -->

	</div><!-- end .container -->

</div><!-- end #nav -->

<div id="nav-shadow"></div>

<div id="content">

	<div class="container">

		<div id="main">

			<div class="entry single">

				<div class="entry-header">

					<h2 class="title">Texas Trip 2010: Abandoned ranch</h2>

					<p class="meta">Published on <a href="#">March 29, 2010</a> by <a href="#">John Doe</a></p>

					<div class="post-rating">
						<a href="#"><span class="on"></span></a>
						<a href="#"><span class="on"></span></a>
						<a href="#"><span class="on"></span></a>
						<a href="#"><span class="off"></span></a>
						<a href="#"><span class="off"></span></a>
						<p>Vote this post</p>
					</div>

				</div><!-- end .entry-header -->

				<div class="entry-content">
					
					<div class="zoom">
						<a class="single_image" href="img/sample-images/800x600.jpg">
							<img src="img/sample-images/650x210.jpg" width="650" height="210" alt="Texas Trip 2010: Abandoned ranch" class="entry-image" />
						</a>
					</div>

					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac dolor sit amet eros viverra ullamcorper. Suspendisse potenti. Sed rutrum placerat augue vitae mattis. Fusce blandit ligula quis eros facilisis imperdiet. Sed dictum condimentum nunc, quis placerat ante tincidunt quis. Vivamus iaculis elementum ante, sed tristique dolor ultricies vitae. Mauris dapibus turpis vel purus suscipit sodales. <a href="#">Integer semper,</a> arcu sit amet tincidunt eleifend, nibh quam viverra enim, quis feugiat magna leo a enim. Vivamus eu arcu velit. Nullam euismod molestie purus scelerisque iaculis. In pulvinar dui sed ante eleifend gravida. Nunc posuere orci ac nunc tincidunt mattis. Proin justo dolor, vehicula sed posuere in, iaculis eu urna. Nunc justo elit, fringilla a consectetur quis, lobortis vitae mi. Fusce ultricies eros ac nisl suscipit sagittis. Aliquam a ipsum risus. </p>

					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac dolor sit amet eros viverra ullamcorper. Suspendisse potenti. Sed rutrum placerat augue vitae mattis. Fusce blandit ligula quis eros facilisis imperdiet. Sed dictum condimentum nunc, quis placerat ante tincidunt quis. Vivamus iaculis elementum ante, sed tristique dolor ultricies vitae. Mauris dapibus turpis vel purus suscipit sodales. <a href="#">Integer semper,</a> arcu sit amet tincidunt eleifend, nibh quam viverra enim, quis feugiat magna leo a enim. Vivamus eu arcu velit. Nullam euismod molestie purus scelerisque iaculis. In pulvinar dui sed ante eleifend gravida. Nunc posuere orci ac nunc tincidunt mattis. Proin justo dolor, vehicula sed posuere in, iaculis eu urna. Nunc justo elit, fringilla a consectetur quis, lobortis vitae mi. Fusce ultricies eros ac nisl suscipit sagittis. Aliquam a ipsum risus. </p>

				</div><!-- end .entry-content -->

				<div class="box-footer">

					<div class="align-left">

						<ul>
							<li><strong>Category:</strong>&nbsp;</li>
							<li><a href="#">United States</a> <span class="separator">,</span>&nbsp;</li>
							<li><a href="#">Texas</a></li>
						</ul>

					</div><!-- end .align-left -->

					<div class="align-right">

						<ul>
							<li><strong>Tags:</strong>&nbsp;</li>
							<li><a href="#">United States</a> <span class="separator">,</span>&nbsp;</li>
							<li><a href="#">Texas</a> <span class="separator">,</span>&nbsp;</li>
							<li><a href="#">Trips</a> <span class="separator">,</span>&nbsp;</li>
							<li><a href="#">Private</a> <span class="separator">,</span>&nbsp;</li>
							<li><a href="#">Abandoned</a> <span class="separator">,</span>&nbsp;</li>
							<li><a href="#">Ranch</a> <span class="separator">,</span>&nbsp;</li>
							<li><a href="#">Old car</a> <span class="separator">,</span>&nbsp;</li>
							<li><a href="#">Town</a></li>
						</ul>

					</div><!-- end .align-right -->

				</div><!-- end .box-footer -->

				<div class="box-footer">

					<div class="align-left">

						<strong>Share this via:</strong>

					</div><!-- end .align-left -->

					<div class="align-right">

						<ul class="social-links">
							<li><a href="#"><img src="img/icons/social-icons/digg.png" alt="Digg" /></a></li>
							<li><a href="#"><img src="img/icons/social-icons/facebook.png" alt="Facebook" /></a></li>
							<li><a href="#"><img src="img/icons/social-icons/flickr.png" alt="Flickr" /></a></li>
							<li><a href="#"><img src="img/icons/social-icons/twitter.png" alt="Twittew" /></a></li>
							<li><a href="#"><img src="img/icons/social-icons/delicious.png" alt="Delicious" /></a></li>
							<li><a href="#"><img src="img/icons/social-icons/tumblr.png" alt="Tumblr" /></a></li>
						</ul>

					</div><!-- end .align-right -->

				</div><!-- end .box-footer -->

			</div><!-- end .entry -->
			
			<div class="author-bio">
				<img src="http://1.gravatar.com/avatar/5d4da935e9e04a8e72fa7b216350bced?s=100" width="100" height="100" alt="Gravatar" class="avatar" />
				<h4>About Smuliii</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into...</p>
				<a href="#" class="button">Read More...</a>
			</div>
			
			<div id="comments">
			
				<div class="box-header">
				
					<div class="align-left">
						<span class="comments-count"><em>16</em></span> <h6>Comments</h6>&emsp;<a href="#">Trackbacks/Pingbacks</a>
					</div>

					<div class="align-right">
						<strong><a href="#respond">+ADD NEW COMMENT</a></strong>
					</div>
					
				</div>
				
				<ol class="comments-list">

					<li class="comment first">

						<div class="comment-avatar">

							<img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=60" width="60" height="60" alt="Gravatar" class="avatar" />

						</div><!-- .comment-avatar -->

						<div class="comment-body">

							<div class="comment-meta">

								<a href="#">John Doe</a>, <span class="date">March 14. 2010</span>

							</div><!-- .comment-meta -->

							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

							<ul class="comment-links">
								<li><a href="#">Send to a Friend</a> <span class="separator">|</span></li>
								<li><a href="#">Share this Comment</a> <span class="separator">|</span></li>
								<li><a href="#">Reply</a></li>
							</ul><!-- .comment-links -->

						</div><!-- .comment-body -->

					</li><!-- .comment -->

					<li class="comment">

						<div class="comment-avatar">

							<img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=60" width="60" height="60" alt="Gravatar" class="avatar" />

						</div><!-- .comment-avatar -->

						<div class="comment-body">

							<div class="comment-meta">

								<a href="#">John Doe</a>, <span class="date">March 14. 2010</span>

							</div><!-- .comment-meta -->

							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

							<ul class="comment-links">
								<li><a href="#">Send to a Friend</a> <span class="separator">|</span></li>
								<li><a href="#">Share this Comment</a> <span class="separator">|</span></li>
								<li><a href="#">Reply</a></li>
							</ul><!-- .comment-links -->

						</div><!-- .comment-body -->

					</li><!-- .comment -->

					<li class="comment">

						<div class="comment-avatar">

							<img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=60" width="60" height="60" alt="Gravatar" class="avatar" />

						</div><!-- .comment-avatar -->

						<div class="comment-body">

							<div class="comment-meta">

								<a href="#">John Doe</a>, <span class="date">March 14. 2010</span>

							</div><!-- .comment-meta -->

							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

							<ul class="comment-links">
								<li><a href="#">Send to a Friend</a> <span class="separator">|</span></li>
								<li><a href="#">Share this Comment</a> <span class="separator">|</span></li>
								<li><a href="#">Reply</a></li>
							</ul><!-- .comment-links -->

						</div><!-- .comment-body -->

					</li><!-- .comment -->
					
				</ol>
				
			</div><!-- #comments -->

			<ul class="pagination">
				<li class="prev"><a href="#">Prev</a></li>
				<li><a href="#">1</a></li>
				<li class="active"><a href="#">2</a></li>
				<li><a href="#">3</a></li>
				<li class="next"><a href="#">Next</a></li>
			</ul>
			
			<div id="respond" class="box">
			
				<div class="box-header">
				
					<h6 class="align-left">Leave a <span>Comment</span></h6>

					<p class="align-right">
						<strong><a href="#">Login to send reply</a></strong>
					</p>
					
				</div>
				
				<form method="post" action="" id="comment-form" class="form clearfix">

					<div class="input_block">
	
						<p>
							<label for="name">Name <span>(Required)</span></label>
							<input type="text" name="name" id="name" class="input" value="" placeholder="Your full name here">
						</p>
	
						<p>
							<label for="email">Email <span>(Required)</span></label>
							<input type="text" name="email" id="email" class="input" value="" placeholder="Email address here">
						</p>
	
						<p>
							<label for="website">Website <span>(Not Required)</span></label>
							<input type="text" name="website" id="website" class="input" value="" placeholder="Website URL here">
						</p>

					</div>

					<div class="textarea_block">

						<p>
							<label for="comment">Comments <span>(Use valid HTML tags)</span></label>
							<textarea id="comment" rows="10" cols="45" class="input"></textarea>
						</p>
						
						<p>
							<input type="submit" name="submit" value="Submit" class="submit" />
						</p>

					</div>
					
				</form>
				
			</div><!-- end #respond -->

		</div><!-- end #main -->

		<div id="sidebar">

			<div class="ads box">

				<ul>
					<li>
						<a href="http://themeforest.net/?ref=smuliii"><img width="125" height="125" src="http://envato.s3.amazonaws.com/referrer_adverts/tf_125x125_v5.gif" alt="Themeforest"></a>
					</li>
					<li class="even">
						<a href="http://graphicriver.net/?ref=smuliii"><img width="125" height="125" src="http://envato.s3.amazonaws.com/referrer_adverts/gr_125x125_v4.gif" alt="Graphicriver"></a>
					</li>
					<li>
						<a href="http://activeden.net/?ref=smuliii"><img width="125" height="125" src="http://envato.s3.amazonaws.com/referrer_adverts/ad_125x125_v4.gif" alt="Activeden"></a>
					</li>
					<li class="even">
						<a href="http://codecanyon.net/?ref=smuliii"><img width="125" height="125" src="http://envato.s3.amazonaws.com/referrer_adverts/cc_125x125_v1.gif" alt="CodeCanyon"></a>
					</li>
				</ul>

				<p class="align-center"><a href="#">Advertise With Us</a></p>

			</div><!-- end .ads -->

			<div id="recent-tabs" class="box">

				<div class="box-header">

					<ul class="nav">
						<li><a class="current" href="#recent-tabs-posts">Recent Post</a></li>
						<li><a href="#recent-tabs-comments">Recent Comments</a></li>
					</ul>

				</div><!-- end .box-header -->

				<div class="list-wrap">

					<ul id="recent-tabs-posts">

						<li>
							<a href="single-post.html" class="title">
								<img src="img/sample-images/40x40.jpg" width="40" height="40" alt="" />
								Palmtree Wind Photo from Miami ...
							</a>
							<p class="meta">Published on <a href="#">March 29, 2010</a> by <a href="#">John Doe</a></p>
						</li>

						<li>
							<a href="single-post.html" class="title">
								<img src="img/sample-images/40x40.jpg" width="40" height="40" alt="" />
								Keep Off: Beach Attention Table
							</a>
							<p class="meta">Published on <a href="#">March 29, 2010</a> by <a href="#">John Doe</a></p>
						</li>

						<li>
							<a href="single-post.html" class="title">
								<img src="img/sample-images/40x40.jpg" width="40" height="40" alt="" />
								Museum: Native American Style Box
							</a>
							<p class="meta">Published on <a href="#">March 29, 2010</a> by <a href="#">John Doe</a></p>
						</li>

						<li>
							<a href="single-post.html" class="title">
								<img src="img/sample-images/40x40.jpg" width="40" height="40" alt="" />
								Abroad Trip: Australian Rocks
							</a>
							<p class="meta">Published on <a href="#">March 29, 2010</a> by <a href="#">John Doe</a></p>
						</li>

						<li>
							<a href="single-post.html" class="title">
								<img src="img/sample-images/40x40.jpg" width="40" height="40" alt="" />
								Texas Trip 2010: Abandoned ranch
							</a>
							<p class="meta">Published on <a href="#">March 29, 2010</a> by <a href="#">John Doe</a></p>
						</li>

					</ul><!-- end #recent-tabs-posts-->

					<ul id="recent-tabs-comments" class="hide">

						<li>
							<a href="single-post.html" class="title">
								<img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=40" width="40" height="40" alt="" />
								Lorem ipsum dolor sit amet...
							</a>
							<p class="meta">Commented on <a href="#">March 29, 2010</a> by <a href="#">John Doe</a></p>
						</li>

						<li>
							<a href="single-post.html" class="title">
								<img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=40" width="40" height="40" alt="" />
								Lorem Ipsum is simply dummy text...
							</a>
							<p class="meta">Commented on <a href="#">March 17, 2010</a> by <a href="#">John Doe</a></p>
						</li>

						<li>
							<a href="single-post.html" class="title">
								<img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=40" width="40" height="40" alt="" />
								Lorem ipsum dolor sit amet...
							</a>
							<p class="meta">Commented on <a href="#">March 3, 2010</a> by <a href="#">John Doe</a></p>
						</li>

					</ul><!-- end #recent-tabs-comments -->

				</div><!-- end .list-wrap -->

			</div><!-- end #recent-tabs -->

			<div class="flickr-feed box">

				<div class="box-header">

					<h6 class="align-left"><img src="img/icon-flickr-feed.png" alt="icon-flickr-feed" class="flickr-icon" /> Our Flickr Group</h6>

					<a href="#" class="align-right">Sign In</a>

				</div><!-- end .box-header -->

				<ul>
					<li>
						<a href="http://www.flickr.com/photos/kwl/2432868269/">
							<img src="img/sample-images/75x75.jpg" width="75" height="75" alt="" class="flickr-image" />
						</a>
					</li>
					<li>
						<a href="http://www.flickr.com/photos/dexxus/4338578468/">
							<img src="img/sample-images/75x75.jpg" width="75" height="75" alt="" class="flickr-image" />
						</a>
					</li>
					<li>
						<a href="http://www.flickr.com/photos/extranoise/158135547/">
							<img src="img/sample-images/75x75.jpg" width="75" height="75" alt="" class="flickr-image" />
						</a>
					</li>
					<li>
						<a href="http://www.flickr.com/photos/18614695@N00/3472778601/">
							<img src="img/sample-images/75x75.jpg" width="75" height="75" alt="" class="flickr-image" />
						</a>
					</li>
					<li>
						<a href="http://www.flickr.com/photos/notsogoodphotography/466107969/">
							<img src="img/sample-images/75x75.jpg" width="75" height="75" alt="" class="flickr-image" />
						</a>
					</li>
					<li>
						<a href="http://www.flickr.com/photos/brunociampi/2487769238/">
							<img src="img/sample-images/75x75.jpg" width="75" height="75" alt="" class="flickr-image" />
						</a>
					</li>
				</ul>

			</div><!-- end .flickr-feed -->

			<div class="tags box">

				<div class="box-header">

					<h6>TravelGuide Tags</h6>

				</div><!-- end .box-header -->

				<ul>
					<li><a href="#">New York City</a></li>
					<li><a href="#">Australia</a></li>
					<li><a href="#">Woods</a></li>
					<li><a href="#">Beach</a></li>
					<li><a href="#">Brooklyn</a></li>
					<li><a href="#">Bridge</a></li>
					<li><a href="#">Texas</a></li>
					<li><a href="#">2010</a></li>
					<li><a href="#">Palmtree</a></li>
					<li><a href="#">Miami</a></li>
					<li><a href="#">Museum</a></li>
					<li><a href="#">Native</a></li>
					<li><a href="#">American</a></li>
					<li><a href="#">Trips</a></li>
					<li><a href="#">Private</a></li>
					<li><a href="#">Family</a></li>
					<li><a href="#">Photo</a></li>
				</ul>

			</div><!-- end .tags -->

			<img src="img/ad.gif" alt="ad" class="ad-bar" />
			<a href="http://themeforest.net/?ref=smuliii"><img src="http://envato.s3.amazonaws.com/referrer_adverts/tf_300x250_v5.gif" alt="tf_300x250_v5" class="ad" /></a>

		</div><!-- end #sidebar -->

		<div class="clear"></div>

	</div><!-- end .container -->

</div><!-- end #content -->

<div id="footer">

	<div class="container clearfix">

		<a href="index.html"><img src="img/footer-logo.png" alt="footer-logo" class="footer-logo" /></a>

		<div class="one-third">

			<h4>About Our Community</h4>

			<p>Lorem Ipsum is simply dummy text of the <a href="#">printing and typesetting</a> industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic...</p>

			<p>Lorem Ipsum is simply dummy <a href="#">text of the printing</a> and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an...</p>

			<strong><a href="#">Find more...</a></strong>

		</div><!-- end .one-third -->

		<div class="one-fourth">

			<h4>Categories</h4>

			<ul id="categories">
				<li><a href="#">Photography</a></li>
				<li><a href="#">Private Portfolios</a></li>
				<li><a href="#">My Travels</a></li>
				<li><a href="#">Family Travel Guide</a></li>
				<li><a href="#">Fly&amp;Drive Guides</a></li>
				<li><a href="#">Tropical Destinations</a></li>
				<li><a href="#">Mountains Desctinations</a></li>
			</ul>

			<strong class="align-center"><a href="#">Find more...</a></strong>

		</div><!-- end .one-fourth -->

		<div class="two-fifth last">

			<h4><span>Latest</span> Tweets</h4>

			<ul id="latest-tweets">

				<li>
					<a href="#" class="user">@medioworks</a>
					<p class="tweet">Lorem Ipsum is simply dummy text of <a href="#">the printing and typesetting</a> industry. Lorem Ipsum has been the industry's standard dummy text...</p>
				</li>

				<li>
					<a href="#" class="user">@medioworks</a>
					<p class="tweet">Lorem Ipsum is simply <a href="#">dummy text</a> of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text...</p>
				</li>

				<li>
					<a href="#" class="user">@medioworks</a>
					<p class="tweet">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text...</p>
				</li>

			</ul><!-- end #latest-tweets -->

			<strong class="align-right"><a href="#">Join Conversation</a></strong>

		</div><!-- end .one-misc -->

	</div><!-- end .container -->

</div><!-- end #footer -->

<div id="footer-bottom">

	<div class="container">

		<p class="align-left">TravelGuide - Copyright 2010, All Rights Reserved.</p>

		<ul class="align-right">
			<li><a href="#">Login</a><span class="separator">|</span></li>
			<li><a href="#">SignUp</a><span class="separator">|</span></li>
			<li><a href="#">Support</a><span class="separator">|</span></li>
			<li><a href="#">Contact Us</a></li>
		</ul>

	</div><!-- end .container -->

</div><!-- end #footer-bottom -->

<!-- start scripts -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="js/jquery.cycle.all.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/organictabs.jquery.js"></script>
<script src="js/jquery.fancybox-1.3.4.pack.js"></script>
<script src="js/custom.js"></script>
<!--[if IE]> <script src="js/selectivizr.js"></script> <![endif]-->
<!-- end scripts -->
</body>
</html>